import Vue from 'vue'
import SvgIcon from '@/components/SvgIcon'// svg component
// 全局注册组件
//  <svg-icon></svg-icon>  svg图标的一种使用方式,帮你封装成一个组件
// register globally
Vue.component('svg-icon', SvgIcon)

// require.context 是个函数,是为了实现自动导入 不希望手动import 因为文件太多 ,import不过来
// 1.要查找的文件路径
// 2.是否查找子目录
// 3.要匹配的文件正则

// import './svg/dashboard.svg'
// import './svg/example.svg'
// import './svg/dashboard.svg'
// import './svg/dashboard.svg'
// import './svg/dashboard.svg'
// import './svg/dashboard.svg'
// import './svg/dashboard.svg'
// import './svg/dashboard.svg'
// import './svg/dashboard.svg'
// import './svg/dashboard.svg'
// import './svg/dashboard.svg'
// import './svg/dashboard.svg'

const req = require.context('./svg', false, /\.svg$/)
// 将来通过这个方法获取到了要查找的所有文件的路径集合
// console.log(req.keys())

// 通过上面获取到的文件路径集合,批量导入所有的文件
const requireAll = requireContext => requireContext.keys().map(requireContext)
requireAll(req)

// svg-sprites svg精灵图=>webpack插件 svg-sprites-loader=> 会自动将所有的import进来的svg图标拼到一个大的容器中
// 现在有一个容器=>放了11个svg图标
